<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld'
import FormData from './components/FormData'
import ClassStyle from './components/ClassStyle'
import Parent from './components/Parent'
import SlotTest from './components/SlotTest'
import Anim from './components/animate/Anim'
import MyDirect from './components/myDirect/MyDirect'
import Hello from './components/myFilter/Hello'
import Axios from './components/axios/Axios'

export default {
  name: 'App',
  components: {
    HelloWorld,
    FormData,
    ClassStyle,
    Parent,
    SlotTest,
    Anim,
    MyDirect,
    Hello,
    Axios
  }
}
</script>

<style>
/*#app {*/
  /*font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/
  /*text-align: center;*/
  /*color: #2c3e50;*/
  /*margin-top: 60px;*/
/*}*/
  *{
    margin: 0;
    padding: 0;
  }
router-link-exact-active{

}
.router-link-active{
  color:red;
}
</style>
